body{
    background:#f5f5f5;
     .top{
            width:100%;
            position:absolute;
            top:0;
            left:50%;
            transform:translate(-50%,0);
            border-bottom:1px solid #eee;
            background:#fff;
            .topbar{
                width:1200px;
            }
        }
    em{
        font-style:normal;
    }
    .all{
        width:1200px;
            position:absolute;
            top:100px;
            left:50%;
            transform:translate(-50%,0);
        .content{
                float:left;
                width:86%;
                margin-left: 1%;
                .mine{
                    width:100%;
                    margin-bottom:20px;
                    background:#fff;
                    position:relative;
                    .mine-v{
                        position:absolute;
                        right:53px;
                        top:0;
                    }
                    .mine-amount{
                        width: 205px;
                        height: 113px;
                        margin:20px 15px 20px 20px;
                        padding:27px 0 0 45px;
                        float:left;
                        .mine-detail{
                            width:100%;
                            line-height: 26px;
                            span{
                                display:inline-block;
                                float:left;
                                font-family: MicrosoftYaHei;
                                font-size: 18px;
                                color: #666666;
                            }
                            em{
                                display:inline-block;
                                float:left;
                                font-family: MicrosoftYaHei;
                                font-weight:bold;
                                font-size: 18px;
                                color: #000000;
                            }
                        }
                    }
                    .mine-left{
                        background:url('/assets/img/commission/yue.png');
                    }
                    .mine-right{
                        background:url('/assets/img/commission/vir.png');
                    }
                }
                .main{
                    width:100%;
                    background:#fff;
                    position:relative;
                    .content-title{
                        width: 100px;
                       height: 40px;
                       background-color: #ffd800;
                       font-family: MicrosoftYaHei;
                       font-size: 15px;
                       color: #333333;
                       text-align:center;
                       line-height:40px;
                       position:absolute;
                       top:-3px;
                       left:18px;
                    }
                    .off-line{
                        width:100%;
                        height:40px;
                        margin-bottom:20px;
                        padding-top:55px;
                        padding-left:22px;
                        .offline{
                            display:inline-block;
                            font-family: "MicrosoftYaHei";
                            font-weight:bold;
                            font-size: 16px;
                            color: #333;
                            height:40px;
                            line-height:40px;
                            margin-right: 10px;
                        }
                        .offline-active{
                            color: #b58f56;
                            border-bottom:1px solid #b58f56;
                        }
                    }

                        .project-content{
                            width:100%;
                            padding-top:55px;
                            background:#fff;
                            .project-detail{
                                width:100%;
                                height: 70px;
                                font-family: MicrosoftYaHei;
                                font-size: 14px;
                                color: #96979a;
                                border-bottom:1px solid #f1f1f1;
                                .detail-left{
                                    width:78%;
                                    float:left;
                                    margin-left:2%;
                                    font-family: MicrosoftYaHei;
                                    font-size: 14px;
                                    color: #333333;
                                    margin: 20px 0 5px 20px;
                                    .detail{
                                        width:100%;
                                        .user-mobile{
                                            color: #1a8dee;
                                        }
                                    }
                                    .time{
                                        width:100%;
                                        font-family: MicrosoftYaHei;
                                        font-size: 12px;
                                        color: #999999;
                                        margin-top:5px;
                                    }
                                }
                                .detail-right{
                                    width:20%;
                                    float:right;
                                    line-height:70px;
                                    font-family: MicrosoftYaHei;
                                    font-size: 14px;
                                    color: #333333;
                                }
                            }
                        }

                }
            }
    }
}
